export default {
    label: '导航组', icon: '', type: 'menu', config: [
        {
            label: '外层容器', name: 'outer', form: [
                {label: '长度', field: 'width', value: 750, type: 'input-number'},
                {label: '高度', field: 'height', value: 0, type: 'input-number'},
                {label: '背景色', field: 'background', value: '', type: 'input-color', showAlpha: true},
                {label: '上边距', field: 'top-margin', value: 0, type: 'slider'},
                {label: '下边距', field: 'bottom-margin', value: 0, type: 'slider'},
            ]
        },
        {
            label: '内层容器', name: 'container', form: [
                {label: '长度', field: 'width', value: 750, type: 'input-number'},
                {label: '高度', field: 'height', value: 200, type: 'input-number'},
            ]
        },
        {
            label: '导航设置', name: 'menu', form: [
                {label: '每行个数', field: 'lineCount', value: 5, type: 'input-number'},
                {label: '行间距', field: 'lineSpace', value: 10, type: 'input-number'},
                {label: '图标大小', field: 'size', value: 80, type: 'input-number'},
                {label: '图标背景', field: 'background', value: 80, type: 'input-number'},
                {label: '文字大小', field: 'fontSize', value: 12, type: 'input-number'},
                {label: '文字颜色', field: 'fontColor', value: '#000', type: 'input-color'},
            ]
        }
    ], data: {
        list: [],
        cols: [
            {prop: 'label', label: '名称', type: 'input', class: 'border'},
            {prop: 'icon', label: '图标', type: 'upload'},
            {prop: 'link', label: '链接', type: 'input'},
        ],
        item: {label: '导航', icon: '', link: ''}
    }
}